::ng-deep {
    .util-measure-tooltip {
        position: relative;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        color: white;
        padding: 4px 8px;
        opacity: 0.7;
        white-space: nowrap;
        z-index: 20;
    }

    .util-measure-tooltip-measure {
        opacity: 1;
        font-weight: bold;
    }

    .util-measure-tooltip-static {
        background-color: #ffcc33;
        color: black;
        border: 1px solid white;
    }

    .util-measure-tooltip-measure:before,
    .util-measure-tooltip-static:before {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
    }

    .util-measure-tooltip-static:before {
        border-top-color: #ffcc33;
    }

}

.dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;

    li {
        cursor: pointer;
        background-color: #fff;
        padding: 8px 0 8px 8px;
        border-bottom: 1px solid #e8e8e8;

        &:hover {
            color: #1890FF;
        }
    }
}

.measure-dropdown-icon {
    transition: all .3s ease-in-out;
}
